<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : rt_200_01K.jsp
    Description : 4대 무브 서브 메인
    author Ki Min
    since 2012. 8. 13.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 8. 13.     Ki Min     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/co/us/include/declare.jspf" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<title>현대자동차 CSR &#124; 4대무브</title>
<meta name="description" content="현대자동차 CSR의 경영이념과 사회공헌 철학을 바탕으로 한 4대무브를 소개해 드립니다." />
<meta name="keywords" content="현대자동차 CSR, 이지무브, 그린무브, 세이프무브, 해피무브, 중점 사회공헌" />
<%@ include file="/WEB-INF/jsp/co/us/include/header.jspf" %>
<script type="text/javascript">
    $(function(){
        $("#fourMoveImg area").mouseover(function(){
            var i = $(this).index();
            $(".moveOverImg li").fadeOut();
            $(".moveOverImg li").eq(i).fadeIn('fast');
        });
        $(".moveOverImg li").mouseleave(function(){
            $(this).fadeOut('fast');
        });
    });
</script>
</head>
<body>
<div id="wrap">
    <!-- top -->
    <%@ include file="/WEB-INF/jsp/co/us/include/top.jsp" %>
    <!-- top -->
    <!-- container -->
    <div id="container">
        <div id="contentsWrap">
            <div id="contentsArea">
                <div class="headingArea">
                    <div class="location">
                        <a href="/ma_100_01.do">홈</a>
                        <a href="/rt_100_01.do">사회공헌</a>
                        <span>4대무브</span>
                    </div>
                    <h2>4대무브</h2>
                    <ul class="menuTab">
                        <li><h3><a href="/rt_200_02.do">이지무브</a></h3></li>
                        <li><h3><a href="/rt_200_03.do">세이프무브</a></h3></li>
                        <li><h3><a href="/rt_200_04.do">그린무브</a></h3></li>
                        <li><h3><a href="/rt_200_05.do">해피무브</a></h3></li>
                    </ul>
                </div>
                <div id="contetns" class="movementIntro">
                    <h4>
                        <img src="/img/usr/srt/moveIntro_txt.gif" alt="현대자동차는 경영이념과 사회공헌 철학을 반영하여 이지무브, 세이프무브, 그린무브, 해피무브의 4대 무브를 중점 사회공헌 사업으로 설정하여 사회공헌활동의 역량을 집중하고 있다." />
                    </h4>
                    <div class="fourMove">
                        <p>
                            <img src="/img/usr/srt/moveIntro_fourMove.jpg" alt="4대무브" usemap="#fourMoveImg" />
                            <map id="fourMoveImg" name="fourMoveImg">
                                <area shape="rect" coords="116,0,297,298" href="/rt_200_02.do" alt="이지무브" />
                                <area shape="rect" coords="297,0,479,298" href="/rt_200_03.do" alt="세이프무브" />
                                <area shape="rect" coords="479,0,661,298" href="/rt_200_04.do" alt="그린무브" />
                                <area shape="rect" coords="661,0,861,298" href="/rt_200_05.do" alt="해피무브" />
                            </map>
                        </p>
                        <ul class="moveOverImg">
                            <li class="overEasy"><a href="/rt_200_02.do"><img src="/img/usr/srt/moveIntro_fourMove1.jpg" alt="이지무브" /></a></li>
                            <li class="overSafe"><a href="/rt_200_03.do"><img src="/img/usr/srt/moveIntro_fourMove2.jpg" alt="세이프무브" /></a></li>
                            <li class="overGreen"><a href="/rt_200_04.do"><img src="/img/usr/srt/moveIntro_fourMove3.jpg" alt="그린무브" /></a></li>
                            <li class="overHappy"><a href="/rt_200_05.do"><img src="/img/usr/srt/moveIntro_fourMove4.jpg" alt="해피무브" /></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /container -->
    <!-- footer -->
    <%@ include file="/WEB-INF/jsp/co/us/include/bottom.jsp" %>
    <!-- /footer -->
</div>
</body>
</html>